

<template>
 <div id="basicLayout">
   <a-layout style="height: 100vh">
     <a-layout-header class="header">
       <GlobalHeader/>
     </a-layout-header>
     <a-layout-content class="content">
       <router-view/>
     </a-layout-content>
     <a-layout-footer class="footer">
       <a href="http://www.water-kid.cn" target="_blank"> waterkid by xxx@copyright </a>
     </a-layout-footer>
   </a-layout>
 </div>

</template>

<!--基础布局-->
<script setup lang="ts">

import GlobalHeader from '@/components/GlobalHeader.vue'
</script>

<style scoped>
#basicLayout .header{
  background-color: #fff;
  color: unset;
  margin-bottom: 16px;
  padding-inline: 20px;
}
#basicLayout .content{
  padding: 20px;
  background: linear-gradient(to right,#fefefe,#fff);
  margin-bottom: 28px;
}
#basicLayout .footer{
  background-color: #efefef;
  padding: 16px;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
}
</style>
